import { Icon } from '@amcax/base';
import { IconContent } from 'nextcae-base/src/ui/SelectionField/iconContent';

export default function PickIcon(props) {
  const { onClick, active, disabled } = props;
  return (
    <IconContent
      style={{
        paddingLeft: 1,
      }}
      disabled={disabled}
      isSelected={active}
      onClick={() => !disabled && onClick()}>
      <Icon
        style={{
          fontSize: '14px',
        }}
        color='red'
        name={`commands/common/${active ? (disabled ? 'arrow-active-disable' : 'arrow-active') : 'arrow'}`}
      />
    </IconContent>
  );
}
